<link href="<?php echo(JS_LIBS);?>jquery-datatables/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script src="<?php echo(JS_LIBS);?>jquery-datatables/js/jquery.dataTables.min.js"></script>
<script src="<?php echo(JS_LIBS);?>jquery-datatables/js/dataTables.bootstrap.js"></script>
<script src="<?php echo(JS_LIBS);?>jquery-datatables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>

	<div class="row">
					<div class="col-md-12">
						<div class="page-heading">
						            		<h1><i class="fa fa-users"></i> Historial Accesos</h1>
						            	</div>
						<div class="widget">
							
				
						
							<div class="widget-content">
								<div class="data-table-toolbar">
									<div class="row">
										<div class="col-md-4">
											<form role="form">
											<input type="text" class="form-control" placeholder="Buscar...">
											</form>
										</div>
										<div class="col-md-8">
											<div class="toolbar-btn-action">
												<a class="btn btn-success"><i class="fa fa-plus-circle"></i>Excel</a>
												<a class="btn btn-danger"><i class="fa fa-trash-o"></i></a>
											</div>
										</div>
									</div>
								</div>
							<table id="tabla_logs" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>ID</th>
                <th>Id usuari</th>
                <th>acceso</th>
                <th>user_agent</th>
                <th>ip</th>
            </tr>
        </thead>
 
        <tfoot>
            <tr>
                <th>ID</th>
                <th>Id usuari</th>
                <th>acceso</th>
                <th>user_agent</th>
                <th>ip</th>
            </tr>
        </tfoot>
    </table>		
				
				
							</div>
						</div>
					</div>
						
				</div>

<script>

$(document).ready(function() {
    $('#tabla_logs').dataTable( {
        "ajax": url_base+"get-historial-accessos",
        "order": [[0, "desc" ]],
        "columns": [
            { "data": "id" },
            { "data": "id_usuario" },
            { "data": "acceso" },
            { "data": "user_agent" },
            { "data": "ip" }
        ]
    } );
} );

</script>